* {padding:
 0;margin: 0;
 font-family: "微软雅黑";
 font-size: 14px;
 }
ul,li {
	list-style: none;
	}
a {
	text-decoration: none;
	color: black;
	}
/*整个外框在屏幕上的定位*/
.box{
border: 1px solid red;
width: 600px;
height: 400px;
margin: 20px auto;
overflow: hidden;
position: relative;
top: 160px;
left: -300px;
}


.box-1 ul{
	
}
.box-1 ul li{
width: 800px;
height: 400px;
position: relative;
overflow: hidden;
}
.box-1 ul li img{
	display:block;
	width: 800px;
	 height: 400px;
	 }
	 /*轮播字体的背景大小*/
.box-1 ul li h2{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40px;
	width:300px;
	background: rgba(125,125,120,.4);
	text-indent: 2em;
	padding-right:500px ;
	font-size: 15px;
	line-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: normal;
	color: ghostwhite;
	}
	
/*设置圆点的位置*/	
.box-2{
	position: absolute;
	right: 200px;
	bottom: 16px;
	}
/*圆点的形状+排列*/	
.box-2 ul li{float:left;
width: 12px;
height: 12px;
overflow: hidden;
 margin: 0 5px;
  border-radius: 50%;
background: rgba(0,0,0,0.5);
text-indent: 100px;
cursor: pointer;}

/*圆点的背景*/
.box-2 ul .on{
	background: rgba(255,255,255,0.6);
	}


	
/*设置轮播图的两边按钮*/	
.box-3 span{
position: absolute;
color: white;
background: rgba(125,125,120,.3);
width: 55px;
height: 80px;
top:50%; 
font-family: "宋体";
line-height: 80px;
font-size:60px;
margin-top: 80px;
text-align: center;
cursor: pointer;
}


/*两边按钮的位置*/
.box-3 .prev{
	left: 0px;
	}
.box-3 .next{
	right: 0px;
	}
	
	
/*鼠标点击事件*/	
.box-3 span::selection{
	background: transparent;
	}
.box-3 span:hover{
	background: rgba(125,125,120,.8);
	
	}
